// 和 @import "../base/util/_scss_function"; 一样。
@import "../base/util/scss_function";

header {
    width: 100%;
    height: 90px;
    background-image: url(/image/head-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    .header-right {
        position: absolute;
        top: 5px;
        right: 5px;
        // width: 100px;
        font-size: 12px;
        color: #333;

        .app-title {
            // width: 100%;
            /* 平均分布使用 text-align-last: justify 才是真的有效。 */
            // text-align: center;
            // letter-spacing: 1.6em;
            // word-spacing: 2em;
            text-align-last: justify;
            text-shadow: 0 0 5px rgba(0,0,0,0.7);
        }

        .qq-serves {
            // width: 100%;
            a {
                color: #333;
            }
        }
    }

    .logo {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);

        .icon {
            width: 100px;
        }
    }
}

// @media screen and (max-width: 320px) {
//     header {
//         .logo {
//             transform: translate(-50%, -20%);
//         }
//     }
// }




